<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>Document</title>
  </head>
  <body>
    <header>
      <div class="posit">北京</div>
      <div class="hedaer-search">
        <i class="iconfont icon-search"></i><button>输入小区名称或商圈</button>
      </div>
      <div class="header-pic"><img src="./icons/header_news.png" alt="" /></div>
    </header>
    <div class="banner">
      <img src="./imgs/banner.png" alt="" />
    </div>
    <div class="nav">
      <div class="nav-one"><img src="./icons/nav_2.png" alt="" /></div>
      <div class="nav-two">
        <img src="./icons/nav_1.png" alt="" />
      </div>
    </div>
    <div class="pre">
      超值优惠
      <div class="pre-pic">
        <img src="./icons/content_icon_next.png" alt="" />
      </div>
    </div>
    <div class="cont">
      <div class="cont-top">
        <div class="cont-left">
          <img src="./imgs/content_tu_home_left@2x.png" alt="" />
        </div>
        <div class="cont-right">
          <img src="./imgs/content_tu_home_right@2x.png" alt="" />
        </div>
      </div>
      <div class="cont-bottom">
        <div class="text-left">
          <p class="text-left-one">宝石花园</p>
          <p class="text-left-two">朝阳区-2室一厅-90m</p>
          <p class="text-left-three">￥7800/月</p>
        </div>
        <div class="text-right">
          <p class="text-left-one">宝石花园</p>
          <p class="text-left-two">朝阳区-2室一厅-90m</p>
          <p class="text-left-three">￥7800/月</p>
        </div>
      </div>
    </div>
    <div class="ggwei">
      <img src="./imgs/ggwei_home.png" alt="" />
    </div>
    <div class="recommend">
      为您推荐
      <div class="recommend-right">
        <div class="rec-one">
          <div class="rec-one-top">整租</div>
          <div class="rec-one-bottom"></div>
        </div>
        <div class="rec-two">合租</div>
      </div>
    </div>
    <div class="baoli">
      <div class="baoli-left">
        <img src="./imgs/content_tu_home_left@2x.png" alt="" />
      </div>
      <div class="baoli-right">
        <p class="baoli-one">整租-保利家园7号院1号楼</p>
        <p class="baoli-two">朝阳群丨2室一厅丨90m</p>
        <p class="baoli-two">距五号线立水桥站1200米，13号线南合...</p>
        <div class="baoli-three">
          <div class="three-left">独卫</div>
          <div class="three-left">含阳台</div>
        </div>
        <div class="baoli-four">
          <span class="four-left">￥7800</span>
          <span class="four-right">元/月</span>
        </div>
      </div>
    </div>
    <div class="baoli">
      <div class="baoli-left">
        <img src="./imgs/home_list_tu2@2x.png" alt="" />
      </div>
      <div class="baoli-right">
        <p class="baoli-one">整租-保利家园7号院1号楼</p>
        <p class="baoli-two">朝阳群丨2室一厅丨90m</p>
        <p class="baoli-two">距五号线立水桥站1200米，13号线南合...</p>
        <div class="baoli-three">
          <div class="three-left">独卫</div>
          <div class="three-left">含阳台</div>
        </div>
        <div class="baoli-four">
          <span class="four-left">￥2400</span>
          <span class="four-right">元/月</span>
        </div>
      </div>
    </div>

    <div class="baoli">
      <div class="baoli-left">
        <img src="./imgs/home_list_tu3@2x.png" alt="" />
      </div>
      <div class="baoli-right">
        <p class="baoli-one">整租-保利家园7号院1号楼</p>
        <p class="baoli-two">朝阳群丨2室一厅丨90m</p>
        <p class="baoli-two">距五号线立水桥站1200米，13号线南合...</p>
        <div class="baoli-three">
          <div class="three-left">独卫</div>
          <div class="three-left">含阳台</div>
        </div>
        <div class="baoli-four">
          <span class="four-left">￥7800</span>
          <span class="four-right">元/月</span>
        </div>
      </div>
    </div>

    <div class="baoli">
      <div class="baoli-left">
        <img src="./imgs/home_list_tu4@2x.png" alt="" />
      </div>
      <div class="baoli-right">
        <p class="baoli-one">整租-保利家园7号院1号楼</p>
        <p class="baoli-two">朝阳群丨2室一厅丨90m</p>
        <p class="baoli-two">距五号线立水桥站1200米，13号线南合...</p>
        <div class="baoli-three">
          <div class="three-left">独卫</div>
          <div class="three-left">含阳台</div>
        </div>
        <div class="baoli-four">
          <span class="four-left">￥7800</span>
          <span class="four-right">元/月</span>
        </div>
      </div>
    </div>

    <div class="baoli">
      <div class="baoli-left">
        <img src="./imgs/home_list_tu5@2x.png" alt="" />
      </div>
      <div class="baoli-right">
        <p class="baoli-one">整租-保利家园7号院1号楼</p>
        <p class="baoli-two">朝阳群丨2室一厅丨90m</p>
        <p class="baoli-two">距五号线立水桥站1200米，13号线南合...</p>
        <div class="baoli-three">
          <div class="three-left">独卫</div>
          <div class="three-left">含阳台</div>
        </div>
        <div class="baoli-four">
          <span class="four-left">￥7800</span>
          <span class="four-right">元/月</span>
        </div>
      </div>
    </div>
    <div class="look"><a href="#">查看更多优质房源</a></div>
    <div class="story">
      <img src="./icons/gushirukou_home@2x.png" alt="" />
    </div>
    <div class="navbottom">
      <div class="nav-one">
        <div class="nav-one-top">
          <img src="./icons/footer_1.png" alt="" />
        </div>
        <div class="nav-one-bottom">首页</div>
      </div>
      <div class="nav-two">
        <div class="nav-two-top">
          <img src="./icons/footer_2_default.png" alt="" />
        </div>
        <div class="nav-one-bottom">快速找房</div>
      </div>
      <div class="nav-two">
        <div class="nav-two-top">
          <img src="./icons/footer_3_default.png" alt="" />
        </div>
        <div class="nav-one-bottom">委托代理</div>
      </div>
      <div class="nav-one">
        <div class="nav-one-top">
          <img src="./icons/footer_4_default.png" alt="" />
        </div>
        <div class="nav-one-bottom">我的</div>
      </div>
    </div>

    <script src="./flexible.js"></script>
  </body>
</html>
